﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home page.aspx.cs" Inherits="MiaoWeiProject.tangguangzhou.Home_page" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>妙味首页</title>
    <script src="../js/jquery.1.11.3.min.js"></script>
    <script src="../js/rightAsk.js"></script>
    <link href="Homepag_css.css" rel="stylesheet" />
    <link href="rightNav.css" rel="stylesheet" />
</head>
<body style="overflow-x: hidden;">
    <form id="form1" runat="server">
        <%--首页导航栏--%>
        <nav>
            <div class="nav_main">
                <%--包含整个logo的div--%>
                <div class="logo">
                    <%--包裹logo的外形图,用背景图设计--%>
                    <%--logo--%>
                    <div class="logoAll" style="opacity: 1;">
                        <img src="tgzimages/miaov-all.png" />
                    </div>
                </div>
                <%--导航栏--%>
                <div class="menu">
                    <ul>
                        <li><a href="/">首页</a></li>
                        <li><a href="/">课程</a></li>
                        <li><a href="/">视频学习</a></li>
                        <li><a href="/">尊享视频</a></li>
                        <li><a href="/">社区</a></li>
                    </ul>
                </div>
                <%-- 登录注册--%>
                <div class="loginBtn">
                    <a href="/" id="navRegister" class="register_login">注册</a>
                    <a href="/" id="navLogin" class="register_login">登录</a>
                </div>
            </div>
        </nav>


        <%--首页主体内容部分--%>
        <div class="box">
            <div class="content clear">
                <%--3d效果部分--%>
                <div class="text3d">
                    <img class="disk" src="tgzimages/text3dImages/disk.png" alt="" style="left: 0px; bottom: 0px; width: 874px; height: 172px;" />
                    <img class="diaoche" src="tgzimages/text3dImages/diaoche.png" alt="" style="left: 147px; opacity: 1;" />
                    <img class="qizhongji" src="tgzimages/text3dImages/qizhongbi.png" alt="" style="left: 387px; top: 0px; opacity: 1;" />
                    <img class="light" src="tgzimages/text3dImages/light.png" alt="" style="left: 380px; top: 76px; opacity: 1;" />
                    <img class="light2" src="tgzimages/text3dImages/light.png" alt="" style="left: 483px; top: 116px; opacity: 1;" />
                    <img class="light_big" src="tgzimages/text3dImages/light_big.png" alt="" style="top: 455px; opacity: 1;" />
                    <img class="s2" src="tgzimages/text3dImages/S2.png" alt="" style="left: 487px; top: 147px; width: 83px; height: 112px;" />
                    <img class="s" src="tgzimages/text3dImages/S.png" alt="" style="left: 408px; top: 118px; width: 98px; height: 124px;" />
                    <img class="c" src="tgzimages/text3dImages/C.png" alt="" style="left: 319px; top: 84px; width: 109px; height: 139px;" />
                    <img class="n5" src="tgzimages/text3dImages/5.png" alt="" style="left: 555px; top: 252px; width: 90px; height: 88px;" />
                    <img class="l" src="tgzimages/text3dImages/L.png" alt="" style="left: 516px; top: 239px; width: 82px; height: 94px;" />
                    <img class="m2" src="tgzimages/text3dImages/M2.png" alt="" style="left: 442px; top: 218px; width: 114px; height: 107px;" />
                    <img class="t" src="tgzimages/text3dImages/T.png" alt="" style="left: 388px; top: 199px; width: 100px; height: 112px;" />
                    <img class="h" src="tgzimages/text3dImages/H.png" alt="" style="left: 311px; top: 175px; width: 112px; height: 127px;" />
                    <img class="js" src="tgzimages/text3dImages/js.png" alt="" style="left: 218px; top: 42px; width: 175px; height: 277px;" />
                    <img class="m" src="tgzimages/text3dImages/M.png" alt="" style="left: 60px; width: 587px; height: 299px;" />
                    <img class="light_ray" src="tgzimages/text3dImages/light_ray.png" alt="" style="opacity: 1;" />
                    <img class="light_ray2" src="tgzimages/text3dImages/light_ray2.png" alt="" style="opacity: 1;" />
                    <img class="light_ray3" src="tgzimages/text3dImages/light_ray2.png" alt="" style="opacity: 1;" />
                </div>
                <%--最新开班部分--%>
                <div class="board" style="opacity: 1;">
                    <div class="light">
                        <div class="light1"></div>
                        <div class="light2"></div>
                        <div class="light3"></div>
                    </div>
                    <div class="black">
                        <div class="blackFrame">
                            <ul class="blackBox">
                                <li class="" style="opacity: 0;">
                                    <a href="http://2017.miaov.com/study" target="_blank">
                                        <h3>VIP会员视频</h3>
                                        <p>玩转WEB、迅速成长</p>
                                    </a>
                                </li>
                                <li class="active" style="opacity: 1;">
                                    <a href="https://study.miaov.com/study/remote/index" target="_blank">
                                        <h3>尊享视频</h3>
                                        <p>更多精彩实战项目在这里</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="table"><a href="javascript:;" class=""></a><a href="javascript:;" class="active"></a></div>
                    </div>
                    <div class="cloth" style="background-position: -18000px center, 0px center; top: -282px;">
                        <div class="fly">
                            <img class="fly1" src="tgzimages/boardImages/fly1.png" alt="" />
                            <img class="fly2" src="tgzimages/boardImages/fly2.png" alt="" />
                        </div>
                        <div class="newClass" style="opacity: 1;">
                            <div class="classTop clear">
                                <h3></h3>
                                <a href="/" target="_blank" class="more">more</a>
                            </div>
                            <div class="classContent">

                                <div class="dashedTop">
                                    <div class="dashedBottom">
                                        <div class="dashedMiddle">
                                            <div class="classTitle">
                                                <div class="circle">远程课</div>
                                            </div>
                                            <ul class="classItem">
                                                <li>
                                                    <span class="text"><a href="/" target="_blank" class="qin"><span style="left: 0px; position: absolute;">W</span><span style="left: 12px; position: absolute;">e</span><span style="left: 18.4px; position: absolute;">b</span><span style="left: 24.8px; position: absolute;">前</span><span style="left: 36.8001px; position: absolute;">端</span><span style="left: 48.8001px; position: absolute;">实</span><span style="left: 60.8001px; position: absolute;">战</span><span style="left: 72.8001px; position: absolute;">入</span><span style="left: 84.8001px; position: absolute;">门</span></a></span>
                                                    <span class="date"><a href="/" target="_blank">11月</a></span>
                                                    <span class="people"><a href="/" target="_blank">火热报名中</a></span>
                                                </li>
                                                <li>
                                                    <span class="text"><a href="/" target="_blank" class="qin"><span style="left: 0px; position: absolute;">W</span><span style="left: 12px; position: absolute;">e</span><span style="left: 18.4px; position: absolute;">b</span><span style="left: 24.8px; position: absolute;">前</span><span style="left: 36.8001px; position: absolute;">端</span><span style="left: 48.8001px; position: absolute;">高</span><span style="left: 60.8001px; position: absolute;">级</span><span style="left: 72.8001px; position: absolute;">工</span><span style="left: 84.8001px; position: absolute;">程</span><span style="left: 96.8001px; position: absolute;">师</span></a></span>
                                                    <span class="date"><a href="/" target="_blank">11月</a></span>
                                                    <span class="people"><a href="/" target="_blank">火热报名中</a></span>
                                                </li>
                                                <li>
                                                    <span class="text"><a href="/" target="_blank" class="qin"><span style="left: 0px; position: absolute;">W</span><span style="left: 12px; position: absolute;">e</span><span style="left: 18.4px; position: absolute;">b</span><span style="left: 24.8px; position: absolute;">全</span><span style="left: 36.8001px; position: absolute;">栈</span><span style="left: 48.8001px; position: absolute;">架</span><span style="left: 60.8001px; position: absolute;">构</span><span style="left: 72.8001px; position: absolute;">师</span><span style="left: 84.8001px; position: absolute;">课</span><span style="left: 96.8001px; position: absolute;">程</span></a></span>
                                                    <span class="date"><a href="/" target="_blank">11月</a></span>
                                                    <span class="people"><a href="/" target="_blank">火热报名中</a></span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <%--详细信息部分--%>
                <div class="paper" style="top: 1px; opacity: 1;">
                </div>
            </div>
        </div>


        <%--右侧咨询部分--%>
        <div class="right">
            <div class="test"></div>
            <!-- 右侧导航 -->
            <ul class="right_nav">
                <li>
                    <div class="iconBox oln_ser">
                        <img src="tgzimages/rightImages/rnqq.png" />
                        <h4>在线客服</h4>
                    </div>
                    <div class="hideBox">
                        <div class="hb">
                            <h5>在线咨询</h5>
                            <div class="qqtalk">
                                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=（1784541502）&site=qq&menu=yes">
                                    <span>
                                        <img src="tgzimages/rightImages/online.png" alt="点击发消息"
                                            title="点击发消息" /></span>
                                    <p>点击发消息</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="iconBox phe_num">
                        <img src="tgzimages/rightImages/rncall.png" />
                        <h4>联系电话</h4>
                    </div>
                    <div class="hideBox">
                        <div class="hb">
                            <h5>热线电话</h5>
                            <p>18866886688</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="iconBox">
                        <img src="tgzimages/rightImages/rnphone.png" />
                        <h4>手机站点</h4>
                    </div>
                    <div class="hideBox">
                        <div class="hb">
                            <h5>手机扫一扫打开</h5>
                            <img src="tgzimages/rightImages/ewm.jpg" />
                        </div>
                    </div>
                </li>
                <li>
                    <div class="iconBox to_msg">
                        <img src="tgzimages/rightImages/rnmsg.png" />
                        <h4>在线留言</h4>
                    </div>
                </li>
                <li>
                    <div class="iconBox top">
                        <img src="tgzimages/rightImages/rntop.png" />
                        <h4>回到顶部</h4>
                    </div>
                </li>
            </ul>
        </div>


        <%--底部--%>
        <div class="footer">
            <div class="f_main">
                <div class="f_logo fl"><a href="/"></a></div>
                <div class="f_copy fl">
                    <p>
                        <a href="/">首页</a>|
               
                        <a href="/">课程</a>|
               
                        <a href="/">视频学习</a>|
               
                        <a href="/">尊享视频</a>|
               
                        <a href="/">社区</a>|
               
                        <a href="/">学员作品</a>|
               
                        <a href="/">关于我们</a>|
               
                        <a href="/">在线留言</a>|
               
                        <a href="/" target="_blank">常见问题</a>
                    </p>
                    <br />
                    <p><span>京ICP备08102442号-1 2007-2018 MIAOV.COM 版权所有</span></p>
                </div>
            </div>
        </div>



    </form>
</body>
</html>
